<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			* {
				/*transition: all 3s;*/
			}
			
			body {
				/*background-color: blue;*/
			}
			
			.mui-col-sm-3 {
				padding: 10px 10px;
			}
			
			.item>p {
				padding: 0px !important;
				margin: 0px !important;
				text-align: center;
				/*transition: all .5s;*/
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				padding: 0px 3px;
			}
			
			.top {
				/*position: fixed;*/
				/*height: 300px;*/
				width: 100%;
				z-index: 99;
			}
			
			.top>p {
				padding: 2px 15px;
				text-indent: 2em;
			}
			
			.top>img {
				width: 100%;
				height: 180px;
				/*transition: all .5s;*/
			}
		</style>
	</head>

	<body>
		
		<div id="myapp">
			<div class="top">
				<!--<img :src="dataone.big_img" />-->
				<!--<p v-text="dataone.content"></p>-->
			</div>

			<div class="content">
				<!--<div class="mui-scroll-wrapper">
					<div class="mui-scroll">-->
				<!--这里放置真实显示的DOM内容-->

				<div class="mui-row row">
					<div class="mui-col-sm-3 mui-col-xs-3 item" v-for="data in datas" :data-monny="data.price" :data-name="data.equipment" :data-content="data.property">
						<img :src="data.image" />
						<p v-text="data.equipment"></p>
					</div>

				</div>
			</div>
		</div>
		
		<script src="js/ip.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/equipment.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>